.navbar .nav .two a{background:#f5c63a;color:#fff;}
.head{position:relative;}
.head .head-text{text-align:center;width:20%;position:absolute;top:10%;left:25%;}
.main{width:75%;position:relative;margin:-5% auto 0;}
.main .guide{background:#fff;box-shadow:3px 3px 2px #96918d;}
.main .guide .dv{width:25%;padding:20px;}
.collage,.red,.bargain,.experience{margin-top:30px;}
.main .con{font-size:12px;}
.main .con .collage{position:relative;}
.main .con .collage .collage-title{position:absolute;top:40%;left:34%;width:120px;text-align:center;border-bottom:1px solid #aba7a4;}
.main .con .collage .collage-title .title-con{position:relative;bottom:-10px;}
.main .con .collage .collage-title .title-con h2{width:120px;border-top:2px solid #f1f1f1;border-left:2px solid #f1f1f1;}
.main .con .collage .collage-title .title-con span{background:#e1e1e1;}
.main .con .collage img{width:70%;padding-bottom:3px;border-bottom:4px solid #f9c7c8;}
.main .con .collage p{width:40%;padding:40px;background:#fff;line-height:24px;text-indent:2em;position:absolute;right:0;top:50%;margin-top:-85px;}
.main .con .red .none{height:145px;width:80px;background:#f5c63c;}
.main .con .red .red-text{width:45%;padding:50px 40px;background:#f8f8fa;line-height:24px;text-indent:2em;margin-left:65px;}
.main .con .red .red-title{margin:45px 40px 0 0;width:150px;text-align:center;border-bottom:1px solid #aba7a4;}
.main .con .red .red-title .title-con{position:relative;bottom:-10px;}
.main .con h2{width:150px;margin:0 auto 10px;padding-top:10px;border-top:1px solid #a5a19e;border-left:1px solid #a5a19e;}
.main .con span{background:#fff;}
.main .con .bargain{position:relative;}
.main .con .bargain img{width:70%;padding-bottom:3px;border-bottom:4px solid #f9c7c8;}
.main .con .bargain p{width:40%;padding:40px;background:#fff;line-height:24px;text-indent:2em;position:absolute;left:0;top:50%;margin-top:-85px;}
.main .con .experience .experience-text{width:45%;padding:50px 40px;background:#f8f8fa;line-height:24px;text-indent:2em;margin-right:40px;}
.main .con .experience .experience-title{margin-left:5%;width:150px;text-align:center;border-bottom:1px solid #aba7a4;}
.main .con .experience .experience-title .title-con{position:relative;bottom:-10px;}
.main .con .experience .none{height:80px;width:165px;background:#f5c63c;}
@media (max-width:800px){
    .head .head-text{transform:scale(0.5);width:60%;top:5%;left:6%;}
    .main .guide .dv{padding:5px;}
    .main .con .collage img{width:100%}
    .main .con .collage p{position:static;width:100%;margin:0 auto;padding:20px;}
    .main .con .collage .collage-title{transform:scale(0.6);top:9%;left:36%;}
    .main .con .red{margin-top:20px;}
    .main .con .red .none{display:none;}
    .main .con .red .red-text{margin:0 auto;width:100%;padding:30px 25px;}
    .main .con .red .red-title{transform:scale(0.7);float:none;margin:0 auto 20px;}
    .main .con .bargain img{width:100%;float:none;}
    .main .con .bargain p{position:static;width:100%;margin:0 auto;padding:20px;}
    .main .con .experience .experience-title{transform:scale(0.7);float:none;margin:0 auto 20px;}
    .main .con .experience .none{display:none;}
    .main .con .experience .experience-text{margin:0 auto;width:100%;padding:25px 20px;}
}
